
$(function(){
	$('#give_up').click(giveUp);
	$('#adding').click(doAddSampleStore);
	setCategory();
	$(':text').eq(1).keyup(promptStyle).blur(bindClick);
	$('#customer').change(getSource);
	$('#create_order').click(createOrder);
	$('a[name="edit"]').click(doShowEditPage);
})

function doShowEditPage(){
	var id=$(this).prev().html();
	$.ajax({
		url:'../designstore/detail',
		type:'get',
		data:{id:id},
		dataType:'json',
		success:function(result){
			if(result.head.respCode=='0000000'){
				model.updateSample(result.body);
			}
		}
	});
}

function createOrder(){
	if(!model.ids) return alert('未添加打样款式');
	var customerId=$('option:selected').eq(0).val();
	var customerName=$('option:selected').eq(0).html();
	window.location.href='addPage?customerId='+customerId+'&customerName='+customerName+'&ids='+model.ids;
}

function goOnAdd(){
	var customerId=$('option:selected').eq(0).val();
	var customerName=$('option:selected').eq(0).html();
	window.location.href='addSample?customerId='+customerId+'&customerName='+customerName+'&ids='+model.ids;
}

function getSource(){
	$('#source').val($('option:selected').eq(0).html());
}

model={
		sample:[],
		updateSample:function(sample){
			this.sample=sample;
			this.updateEditSampleview();
		},
		updateEditSampleview:function(){
			var data=this.sample;
			$('.zhanshi').show();
			$('#zhanshi_photo').attr('src',model.url+data.mainImage);
			$('#file_upload2').siblings(':not(:first)').remove();
			$('.tianjia').prevAll().remove();
			for(var i=0;i<data.images.length;i++){
				var img=data.images[i];
				var span=$('<span class="span_active"><i class="fa fa-fw fa-times"></i>'
						+'<img src="'+model.url+img+'">'
						+'<p style="display: none;">设为主图</p></span>');
				span.children('i').click(removeImage);
				span.click(selectImg);
				$('.tianjia').before(span);
				if(img==data.mainImage) span.children('p').show().html('主图');
				$('#file_upload2').before('<input type="file" accept="image/*" hidden name="'+i+'"/>');
			}
			if(data.images.length==5) $('#tianjia').hide();
			$(':checkbox[name="season"]').removeProp('checked');
			$(':checkbox[name="season"]').parent().removeClass('checked');
			var season=data.season.split('、');
			for(var i=0;i<season.length;i++){
				if(season[i]=='春款'){
					$(':checkbox[name="season"]').eq(0).prop('checked',true);
					$(':checkbox[name="season"]').eq(0).parent().addClass('checked');
				}
				else if(season[i]=='夏款'){
					$(':checkbox[name="season"]').eq(1).prop('checked',true);
					$(':checkbox[name="season"]').eq(1).parent().addClass('checked');
				}
				else if(season[i]=='秋款'){
					$(':checkbox[name="season"]').eq(2).prop('checked',true);
					$(':checkbox[name="season"]').eq(2).parent().addClass('checked');
				}
				else{
					$(':checkbox[name="season"]').eq(3).prop('checked',true);
					$(':checkbox[name="season"]').eq(3).parent().addClass('checked');
				}
			}
			if(data.sex=='男'){
				$(':radio').eq(0).prop('checked',true);
				$(':radio').eq(0).parent().addClass('checked');
			}
			else if(data.sex=='女'){
				$(':radio').eq(1).prop('checked',true);
				$(':radio').eq(1).parent().addClass('checked');
			}
			else{
				$(':radio').eq(2).prop('checked',true);
				$(':radio').eq(2).parent().addClass('checked');
			}
			var opts=$('select').eq(1).children();
			for(var i=0;i<opts.length;i++){
				if(opts.eq(i).val()==data.category){
					opts.eq(i).prop('selected',true);
				}
			}
			$('#source').val(data.source);
			$(':text').eq(1).prevAll().remove();
			for(var i=0;i<data.style.length;i++){
				$(':text').eq(1).val(data.style[i]).blur();
			}
			var div=$('<div class="adding" style="margin-right:10px;">保存修改</div>')
			$('#adding').before(div).unbind('click').click(goOnAdd);
			div.click(doEditSample);
		}
};

function doEditSample(){
	if(!checkSeason()){
		return;
	}
	if(!checkStyle()){
		return;
	}
	if(!checkCategory()){
		return;
	}
	if(!checkSex()){
		return;
	}
	if(!checkImage()){
		return;
	}
	var formData=new FormData();
	var checkboxs=$(':checkbox:checked');
	var season='';
	for(var i=0;i<checkboxs.length;i++){
		season+=checkboxs.eq(i).val()+'、';
	}
	season=season.substring(0,season.length-1);
	formData.append('season',season);
	formData.append('sex',$(':radio:checked').val());
	formData.append('category',$('#category').val());
	formData.append('source',$('#source').val().trim());
	spans=$('#style').prev().children('span');
	var style='';
	for(var i=0;i<spans.length;i++){
		style+=spans.eq(i).text()+',';
	}
	formData.append('style',style);
	//formData.append('memo',$('#memo').val());
	var image=$(':file');
	for(var i=0;i<image.length;i++){
		if(image[i].files[0])
			formData.append('images',image[i].files[0]);
		if(image.eq(i).attr('name'))
			formData.append('index',image.eq(i).attr('name'));
	}
	var ps=$('.zhanshi_find1 div span p');
	for(var i=0;i<ps.length;i++){
		if(ps.eq(i).html()=='主图'){
			if(image[i].files[0]){
				var index=$(':file[style]').index(image[i]);
				formData.append('mainImage',index);
			}else{
				formData.append('main',image.eq(i).attr('name'));
			}
			break;
		}
	}
	formData.append('id',model.sample.id);
	formData.append('code',model.sample.code);
	$.ajax({
		url:'../designstore/edit',
		type:'post',
		data:formData,
		dataType:'json',
		processData: false,  // 告诉jQuery不要去处理发送的数据
		contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
		success:function(result){
			if(result.head.respCode=='0000000'){
				success('修改样衣成功',function(){
					goOnAdd();
				});
			}else{
				alert(result.body);
			}
		}
	});
}

function goOnAdd2(data){
	var customerId=$('option:selected').eq(0).val();
	var customerName=$('option:selected').eq(0).html();
	var ids;
	if(model.ids) ids=model.ids+','+data;
	else ids=data;
	window.location.href=
		'addSample?customerId='+customerId+'&customerName='+customerName+'&ids='+ids;
}

function giveUp(){
	confirm('确定放弃创建打样订单？放弃后当前填写的资料将无法保存',function(isConfirm){
		if(isConfirm){
			window.location.href='list';
		}
	});
}

function setCategory(){
	var url='../designstore/getCategory';
	$.getJSON(url,function(result){
		if(result.head.respCode=='0000000'){
			for(var i=0;i<result.body.length;i++){
				var category=result.body[i];
				var opt=new Option(category.name,category.name);
				$('#category').append($(opt));
			}
		}
	});
}

function doAddSampleStore(){
	if(!checkSeason()){
		return;
	}
	if(!checkStyle()){
		return;
	}
	if(!checkCategory()){
		return;
	}
	if(!checkSex()){
		return;
	}
	if(!checkImage()){
		return;
	}
	var formData=new FormData();
	var checkboxs=$(':checkbox:checked');
	var season='';
	for(var i=0;i<checkboxs.length;i++){
		season+=checkboxs.eq(i).val()+'、';
	}
	season=season.substring(0,season.length-1);
	formData.append('season',season);
	formData.append('sex',$(':radio:checked').val());
	formData.append('category',$('#category').val());
	formData.append('source',$('#source').val());
	spans=$('#style').prev().children('span');
	var style='';
	for(var i=0;i<spans.length;i++){
		style+=spans.eq(i).text()+',';
	}
	formData.append('style',style);
	//formData.append('memo',$('#memo').val());
	var image=$(':file');
	for(var i=0;i<image.length;i++){
		if(image[i].files[0])
			formData.append('images',image[i].files[0]);
	}
	var ps=$('.zhanshi_find1 div span p');
	for(var i=0;i<ps.length;i++){
		if(ps.eq(i).html()=='主图'){
			formData.append('mainImage',i);
			break;
		}
	}
	$.ajax({
		url:'../designstore/add',
		type:'post',
		data:formData,
		dataType:'json',
		processData: false,  // 告诉jQuery不要去处理发送的数据
		contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
		success:function(result){
			if(result.head.respCode=='0000000'){
				success('添加样衣成功',function(){
					goOnAdd2(result.body);
				});
			}else{
				alert(result.body);
			}
		}
	});
}

function checkSeason(){
	var season=$(':checkbox:checked');
	if(season.leng==0){
		alert('季节款式为空');
		return false;
	}
	return true;
}

function checkStyle(){
	var spans=$('#style').prev().children('span');
	if(spans.leng==0){
		alert('风格为空');
		return false;
	}
	return true;
}

function checkCategory(){
	var category=$('#category').val();
	if(!category){
		alert('样衣分类未选择');
		return false;
	}
	return true;
}

function checkSex(){
	var sex=$(':radio:checked').val();
	if(sex){
		return true;
	}
	alert('款式性别未选择');
	return false;
}

function checkImage(){
	if(!$('.tianjia').prevAll().length){
		alert('样衣无图片');
		return false;
	}
	return true;
}

var xhr=null;

function promptStyle(){
	var style=$(':text').eq(1).val();
	if(xhr){
		xhr.abort();
	}
	if(!style){
		$('.find_div_xianshi').hide();
		return;
	}
	xhr=$.ajax({
		url:'../constant/doGetConstantByQuery',
		type:'get',
		data:{name:style,category:'scm_sample_store-style'},
		dataType:'json',
		success:function(result){
			xhr=null;
			if(result.head.respCode=='0000000'){
				if(!result.body.rows.length){
					$('.find_div_xianshi').hide();
					return;
				}
				$('.find_div_xianshi').empty();
				for(var i=0;i<result.body.rows.length;i++){
					var name=result.body.rows[i];
					var span=$('<span></span>');
					span.html(name);
					$('.find_div_xianshi').append(span);
					span.click(selectStyle);
				}
				$('.find_div_xianshi').show();
			}
		}
	});
}

function selectStyle(){
	var style=$(this).html();
	var span=$(':text').eq(1).prev().children();
	$(':text').eq(1).prev().html(style).append(span);
	$('.find_div_xianshi').hide();
}

function bindClick(){
	$('body').click(hideDiv);
}

function hideDiv(e){
	if($(e.target).parent().attr('class')!='find_div_xianshi'){
		$('.find_div_xianshi').hide();
	}
	$('body').unbind('click');
}




